<template>
	<div>
		<footer>
			<div style="width: 90%;">
				<div class="copy_right">
					<span>Copyright © 2016 - 2022 | Powered by 轻风筝</span>
					<br />
					<span>  站点总字数: 400.7k  |  总浏览量: 3255467 次 |  总访问人数: 1742369 人</span>
					<br />
					<a href="https://beian.miit.gov.cn" target="_blank">© 2021 Onij | 豫ICP备2021033195号</a>
				</div>
				<div class="social_link">
					<span>github</span>
					<span>email</span>
					<span>qq</span>
				</div>
			</div>
		</footer>
	</div>
</template>

<script>
	export default {
		name: 'Footer'
	}
</script>

<style scoped>
	footer {
		position: relative;
		bottom:0;
		width: 100%;
		padding: 20px 0;
		background-image: linear-gradient(to right,rgba(255,192,203,0),rgba(255,192,203,0.5));
		color: white;
		text-align: center;
	}
	.copy_right {
		width: 70%;
	}
	.social_link {
		width: 30%;
	}
	footer>div,.social_link {
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	footer>div .social_link span {
		flex: 1;
	}
	footer a {
		text-decoration: none;
		color: white;
	}
	footer a:hover {
		color: red;
	}
	@media screen and (max-width:700px) {
		.social_link {
			display: none;
			width: 0%;
		}
		.copy_right {
			width: 100%;
		}
	}
</style>
